/*
 *  Breadcrumbs
 */

$bc-margin: 1em;
$bc-color: $white;
$bc-color-hover: $red;
$bc-color-inactive: #999;
$bc-color-background: $darkred;

ul.breadcrumbs {
  list-style: inside none;
  margin: 2em 0;
  padding: $bc-margin/2 $bc-margin;
  background: $bc-color-background;
  line-height: 1;

  // global settings
  li {
    display: inline;
    margin: 0 $bc-margin/2;
    color: $bc-color;

    &:before {
      margin: 0 $bc-margin 0 0;
      content: '/';
      color: $bc-color-inactive;
    }
    &:first-child:before { content: none; }
  }
  a {
    text-decoration: none;
    color: $bc-color;

    &:hover {
      color: $bc-color-hover;
    }
  }

  // specific settings
  li.current {
    color: $bc-color-inactive;
  }
}
